.ui-vue-audioplayer-container {
	height: 38px;
	display: flex;
	align-items: stretch;
}

.ui-vue-audioplayer-controls-container {
	width: 38px;
	height: 38px;
	min-width: 38px;
	max-width: 38px;
}

.ui-vue-audioplayer-control {
	height: 38px;
	width: 38px;
	display: block;
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 50%;
	transition: 250ms linear background-color;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-tap-highlight-color: transparent;
	outline: none;
}

.ui-vue-audioplayer-control {
	background-color: #5DBEEC;
}
.ui-vue-audioplayer-container-mobile .ui-vue-audioplayer-control,
.ui-vue-audioplayer-container-mobile .ui-vue-audioplayer-control:active,
.ui-vue-audioplayer-container-mobile .ui-vue-audioplayer-control:hover {
	background-color: #5DBEEC!important;
}

.ui-vue-audioplayer-container-dark .ui-vue-audioplayer-control {
	background-color: #5cace1;
}

.ui-vue-audioplayer-container-mobile.ui-vue-audioplayer-container-dark .ui-vue-audioplayer-control,
.ui-vue-audioplayer-container-mobile.ui-vue-audioplayer-container-dark .ui-vue-audioplayer-control:active,
.ui-vue-audioplayer-container-mobile.ui-vue-audioplayer-container-dark .ui-vue-audioplayer-control:hover {
	background-color: #5cace1!important;
}

.ui-vue-audioplayer-control-play {
	background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212%22%20height%3D%2216%22%20viewBox%3D%220%200%2012%2016%22%3E%0A%20%20%3Cpath%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M26.6485373%2C18.2488193%20L16.2539289%2C11.1423292%20C16.0088457%2C10.9724211%2015.6895249%2C10.9531834%2015.4258159%2C11.092439%20C15.1621069%2C11.2316946%2014.9979288%2C11.5062513%2015.0000434%2C11.8044628%20L15.0000434%2C26.0167597%20C14.9969364%2C26.315402%2015.1609667%2C26.5907459%2015.4250644%2C26.7302067%20C15.689162%2C26.8696675%2016.0090495%2C26.8498639%2016.2539289%2C26.6788933%20L26.6485373%2C19.5724031%20C26.8683107%2C19.4238487%2027%2C19.1758823%2027%2C18.9106112%20C27%2C18.6453401%2026.8683107%2C18.3973738%2026.6485373%2C18.2488193%20L26.6485373%2C18.2488193%20Z%22%20transform%3D%22translate%28-15%20-11%29%22/%3E%0A%3C/svg%3E%0A);
	background-position: calc(50% + 2px) 50%;
	cursor: pointer;
}

.ui-vue-audioplayer-control-pause {
	background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2210%22%20height%3D%2212%22%20viewBox%3D%220%200%2010%2012%22%3E%0A%20%20%3Cpath%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21%2C13%20L24%2C13%20L24%2C25%20L21%2C25%20L21%2C13%20Z%20M14%2C13%20L17%2C13%20L17%2C25%20L14%2C25%20L14%2C13%20Z%22%20transform%3D%22translate%28-14%20-13%29%22/%3E%0A%3C/svg%3E%0A);
	cursor: pointer;
}

.ui-vue-audioplayer-control-play:hover,
.ui-vue-audioplayer-control-pause:hover {
	background-color: #3eddff;
}

.ui-vue-audioplayer-control-play:active,
.ui-vue-audioplayer-control-pause:active {
	background-color: #12b1e3;
}

.ui-vue-audioplayer-control-loader {
	background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%0A%20%20%3Cpath%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9.25347735%2C0.131844352%20L9.25347735%2C1.65344535%20C9.1693359%2C1.65059411%209.08483578%2C1.64915697%209%2C1.64915697%20C4.9402415%2C1.64915697%201.64915697%2C4.9402415%201.64915697%2C9%20C1.64915697%2C13.0597585%204.9402415%2C16.350843%209%2C16.350843%20C13.0597585%2C16.350843%2016.350843%2C13.0597585%2016.350843%2C9%20C16.350843%2C8.91516422%2016.3494059%2C8.8306641%2016.3465546%2C8.74652265%20L17.8681556%2C8.74652265%20C17.870518%2C8.83072687%2017.8717071%2C8.91522457%2017.8717071%2C9%20C17.8717071%2C13.8997085%2013.8997085%2C17.8717071%209%2C17.8717071%20C4.10029146%2C17.8717071%200.128292901%2C13.8997085%200.128292901%2C9%20C0.128292901%2C4.10029146%204.10029146%2C0.128292901%209%2C0.128292901%20C9.08477543%2C0.128292901%209.16927313%2C0.129481974%209.25347735%2C0.131844352%20Z%22%20opacity%3D%22.6%22/%3E%0A%3C/svg%3E%0A);
	animation: vueAudioPlayerControlLoader 1s infinite linear;
	cursor: wait;
}

@keyframes vueAudioPlayerControlLoader {
	from { transform: rotate(0) }
	to { transform: rotate(360deg) }
}

.ui-vue-audioplayer-timeline-container {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-left: 10px;
	height: 26px;
	position: relative;
}

.ui-vue-audioplayer-track-container {
	position: absolute;
	left: 9px;
	top: 4px;
	right: 8px;
	height: 26px;
	outline: none;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
}

.ui-vue-audioplayer-track-container > * { cursor: pointer; }

.ui-vue-audioplayer-track-mask {
	height: 26px;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22188%22%20height%3D%2223%22%20viewBox%3D%220%200%20188%2023%22%3E%0A%20%20%3Cg%20fill%3D%22%23A1E9FF%22%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%22184%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%22180%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2215%22%20x%3D%22176%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2210%22%20x%3D%22172%22%20y%3D%2213%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%22168%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22164%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22160%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22156%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22152%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22148%2015%20150%2015%20150%2023%20148%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%22144%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22140%2014%20142%2014%20142%2023%20140%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%22136%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%22132%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%22128%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2210%22%20x%3D%22124%22%20y%3D%2213%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%22120%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%22116%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2215%22%20x%3D%22112%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%22108%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22104%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%22100%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2296%2015%2098%2015%2098%2023%2096%2023%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2292%2014%2094%2014%2094%2023%2092%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%2288%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%2284%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%2280%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%223%22%20x%3D%2276%22%20y%3D%2220%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%2272%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2220%22%20x%3D%2268%22%20y%3D%223%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%226%22%20x%3D%2264%22%20y%3D%2217%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%2260%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2256%2015%2058%2015%2058%2023%2056%2023%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2252%2014%2054%2014%2054%2023%2052%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%2248%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%2244%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%2240%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2210%22%20x%3D%2236%22%20y%3D%2213%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%2232%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%2228%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2215%22%20x%3D%2224%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2223%22%20x%3D%2220%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2216%2015%2018%2015%2018%2023%2016%2023%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2212%2014%2014%2014%2014%2023%2012%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%228%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%224%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20y%3D%2219%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E%0A) repeat-x -16px 0;
	color: #88D0F0;
}

.ui-vue-audioplayer-container-dark .ui-vue-audioplayer-track-mask {
	background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22188%22%20height%3D%2223%22%20viewBox%3D%220%200%20188%2023%22%3E%0A%20%20%3Cg%20fill%3D%22%2388D0F0%22%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%22184%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%22180%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2215%22%20x%3D%22176%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2210%22%20x%3D%22172%22%20y%3D%2213%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%22168%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22164%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22160%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22156%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22152%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22148%2015%20150%2015%20150%2023%20148%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%22144%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22140%2014%20142%2014%20142%2023%20140%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%22136%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%22132%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%22128%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2210%22%20x%3D%22124%22%20y%3D%2213%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%22120%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%22116%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2215%22%20x%3D%22112%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%22108%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22104%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%22100%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2296%2015%2098%2015%2098%2023%2096%2023%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2292%2014%2094%2014%2094%2023%2092%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%2288%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%2284%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%2280%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%223%22%20x%3D%2276%22%20y%3D%2220%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%2272%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2220%22%20x%3D%2268%22%20y%3D%223%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%226%22%20x%3D%2264%22%20y%3D%2217%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%2260%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2256%2015%2058%2015%2058%2023%2056%2023%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2252%2014%2054%2014%2054%2023%2052%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%2248%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%2244%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%2240%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2210%22%20x%3D%2236%22%20y%3D%2213%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%2232%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%2228%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2215%22%20x%3D%2224%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2223%22%20x%3D%2220%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2216%2015%2018%2015%2018%2023%2016%2023%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2212%2014%2014%2014%2014%2023%2012%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%228%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%224%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20y%3D%2219%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E%0A) repeat-x -16px 0;
}

.ui-vue-audioplayer-track {
	position: absolute;
	height: 26px;
	z-index: 2;
	top: 0;
	left: 0;
	background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22188%22%20height%3D%2223%22%20viewBox%3D%220%200%20188%2023%22%3E%0A%20%20%3Cg%20fill%3D%22%235DBEEC%22%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%22184%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%22180%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2215%22%20x%3D%22176%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2210%22%20x%3D%22172%22%20y%3D%2213%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%22168%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22164%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22160%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22156%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22152%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22148%2015%20150%2015%20150%2023%20148%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%22144%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22140%2014%20142%2014%20142%2023%20140%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%22136%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%22132%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%22128%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2210%22%20x%3D%22124%22%20y%3D%2213%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%22120%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%22116%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2215%22%20x%3D%22112%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%22108%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22104%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%22100%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2296%2015%2098%2015%2098%2023%2096%2023%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2292%2014%2094%2014%2094%2023%2092%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%2288%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%2284%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%2280%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%223%22%20x%3D%2276%22%20y%3D%2220%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%2272%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2220%22%20x%3D%2268%22%20y%3D%223%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%226%22%20x%3D%2264%22%20y%3D%2217%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%2260%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2256%2015%2058%2015%2058%2023%2056%2023%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2252%2014%2054%2014%2054%2023%2052%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%2248%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%2244%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%2240%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2210%22%20x%3D%2236%22%20y%3D%2213%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%2232%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%2228%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2215%22%20x%3D%2224%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2223%22%20x%3D%2220%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2216%2015%2018%2015%2018%2023%2016%2023%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2212%2014%2014%2014%2014%2023%2012%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%228%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%224%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20y%3D%2219%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E%0A) repeat-x -16px 0;
}

.ui-vue-audioplayer-container-dark .ui-vue-audioplayer-track {
	background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22188%22%20height%3D%2223%22%20viewBox%3D%220%200%20188%2023%22%3E%0A%20%20%3Cg%20fill%3D%22%235cace1%22%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%22184%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%22180%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2215%22%20x%3D%22176%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2210%22%20x%3D%22172%22%20y%3D%2213%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%22168%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22164%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22160%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22156%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22152%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22148%2015%20150%2015%20150%2023%20148%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%22144%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22140%2014%20142%2014%20142%2023%20140%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%22136%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%22132%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%22128%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2210%22%20x%3D%22124%22%20y%3D%2213%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%22120%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%22116%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2215%22%20x%3D%22112%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%22108%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22104%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%22100%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2296%2015%2098%2015%2098%2023%2096%2023%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2292%2014%2094%2014%2094%2023%2092%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%2288%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%2284%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%2280%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%223%22%20x%3D%2276%22%20y%3D%2220%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%2272%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2220%22%20x%3D%2268%22%20y%3D%223%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%226%22%20x%3D%2264%22%20y%3D%2217%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%2260%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2256%2015%2058%2015%2058%2023%2056%2023%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2252%2014%2054%2014%2054%2023%2052%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%2248%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%2244%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%2240%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2210%22%20x%3D%2236%22%20y%3D%2213%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%2232%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%2228%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2215%22%20x%3D%2224%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2223%22%20x%3D%2220%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2216%2015%2018%2015%2018%2023%2016%2023%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2212%2014%2014%2014%2014%2023%2012%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%228%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%224%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20y%3D%2219%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E%0A) repeat-x -16px 0;
}

.ui-vue-audioplayer-track-seek {
	height: 26px;
	position: absolute;
	z-index: 3;
	top: 0;
	border: 2px solid transparent;
	box-sizing: border-box;
	margin-left: -2.5px;
	background: #333;
	background-clip: padding-box;
	width: 5px;
	opacity: 0;
	transition: opacity 0.3s;
}
.ui-vue-audioplayer-track-container:hover .ui-vue-audioplayer-track-seek {
	opacity: 1;
}

.ui-vue-audioplayer-track-event {
	height: 26px;
	position: absolute;
	z-index: 4;
	top: 0;
	left: 0;
	width: 100%;
}

.ui-vue-audioplayer-timers-container {
	font: 10px/12px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
	color: rgba(130, 139, 149, 0.7);
}

.ui-vue-audioplayer-time-current {
	position: absolute;
	left: 9px;
	top: 28px;
}

.ui-vue-audioplayer-time-total {
	position: absolute;
	right: 9px;
	top: 28px;
}

.ui-vue-audioplayer-source {display: none;}